.elementor-kit-8{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#D1D5DB;--e-global-color-accent:#DC2626;--e-global-typography-primary-font-family:"Oswald";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Noto Sans JP";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Oswald", Sans-serif;font-weight:600;color:var( --e-global-color-secondary );padding:12px 12px 12px 12px;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-8 h1{color:var( --e-global-color-secondary );font-family:"Oswald", Sans-serif;font-size:72px;font-weight:700;}.elementor-kit-8 h2{color:var( --e-global-color-secondary );font-family:"Oswald", Sans-serif;font-weight:700;}.elementor-kit-8 h3{color:var( --e-global-color-secondary );font-family:"Oswald", Sans-serif;font-size:20px;font-weight:700;}.elementor-kit-8 img{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-kit-8 img:hover{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. Главный контейнер */
.my-photo-shadow {
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
}

/* 2. Слой тени (Градиент) */
.my-photo-shadow::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    /* Твои настройки: 0% (100%), 50% (80%), 100% (0%) */
    background: linear-gradient(90deg, 
        rgba(0,0,0,1) 0%, 
        rgba(0,0,0,0.8) 50%, 
        rgba(0,0,0,0) 100%) !important;
    z-index: 1 !important; /* Тень на слое 1 */
    pointer-events: none !important;
}

/* 3. ВЫВОДИМ ТЕКСТ ВПЕРЕД (Слой 2) */
.my-photo-shadow .elementor-container,
.my-photo-shadow .elementor-column,
.my-photo-shadow .elementor-widget-wrap,
.my-photo-shadow .elementor-widget {
    position: relative !important;
    z-index: 2 !important; /* Текст на слое 2, выше тени */
}
.elementor-widget-theme-site-title a {
    color: white; 
}

/* Общий контейнер */
.container,
.elementor-container {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* Чтобы картинки не вылезали */
img {
    max-width: 100%;
    height: auto;
}
@media (max-width: 1366px) {

    .hero h1 {
        font-size: 56px;
        line-height: 1.1;
    }

    .hero p {
        font-size: 18px;
    }

}
@media (max-width: 1024px) {

    /* Hero */
    .hero h1 {
        font-size: 44px;
    }

    .hero p {
        font-size: 16px;
        max-width: 80%;
    }

    /* Кнопки */
    .elementor-button {
        padding: 14px 24px;
        font-size: 14px;
    }

    /* Секции */
    .elementor-section {
        padding: 60px 20px;
    }

}
@media (max-width: 767px) {

    /* Hero */
    .hero {
        text-align: center;
        padding: 80px 20px;
    }

    .hero h1 {
        font-size: 32px;
        line-height: 1.2;
    }

    .hero p {
        font-size: 15px;
        max-width: 100%;
    }

    /* Кнопки в столбик */
    .hero .elementor-button-wrapper {
        display: block;
        margin-bottom: 15px;
    }

    .elementor-button {
        width: 100%;
        text-align: center;
    }

    /* Секции */
    .elementor-section {
        padding: 50px 15px;
    }

    /* Контейнеры в одну колонку */
    .elementor-column {
        width: 100% !important;
    }

}/* End custom CSS */